<template>
    <view class="bg-[#f8f8f8] min-h-screen text-[34rpx] font-medium">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[30rpx] py-[20rpx] ">

            <view class="border-b border-[#D8D8D8]">
                <view class="pb-[20rpx]">项目名称：XXXXXX</view>
                <view class="pb-[20rpx]">报名开始时间：2024.12.10 12:00</view>

                <view class="pb-[20rpx]">报名结束时间：2024.12.10 12:00</view>

                <view class="pb-[20rpx]">报名数量限制：3</view>

                <view class="pb-[20rpx]">说明：XXXXXXXXXXXXXXXXXXXXXX</view>
                <view class="py-[20rpx] px-[20rpx] flex items-center  justify-end">

                    <view @click="navigateTo('/pages/enrollmentDetails/enrollmentDetails')">快速报名></view>
                </view>
            </view>
            <view class="mt-[20rpx] bg-[#EFEFEF] px-[20rpx] py-[20rpx]">
                <view class="border-b border-[#D8D8D8]">
                    <view class="pb-[20rpx]">事项1：书法班</view>
                    <view class="pb-[20rpx]">教学点：</view>

                    <view class="pb-[20rpx]">报名结束时间：2024.12.10 12:00</view>

                    <view class="pb-[20rpx]">学分兑换：核销100学分兑换5元</view>

                    <view class="pb-[20rpx]">说明：XXXXXXXXXXXXXXXXXXXXXX</view>
                </view>
                <view class="flex justify-between items-center pt-[20rpx]">
                    <view>
                        <text>费用：</text>
                        <text>100（95）元</text>
                    </view>
                    <view>剩余名额：12</view>
                </view>
            </view>


            <view class="mt-[20rpx] flex justify-center">
                <view 
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    报名</view>
            </view>


        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>